Unknown at rule @theme 오류

TLDR

typescript v4로 넘어오면서 @theme을 인식못하는 경우가 있는데 PostCSS Langauge Support extension 설치하면 됨

문제상황

tailwindcss가 v4가 나오고 현재(25.04.24) 기준 v4.1.4이다.
변경점은 여기서 확인 https://tailwindcss.com/blog/tailwindcss-v4
문제는 이번에 새로 tailwind.config.js(ts) 대신 @theme으로 customizing 할 수 있게 변경됐는데 @theme에서 Unknown at rule @theme 에러가 발생했다.

해결방법

에러가 나오기만하고 실제 실행은 돌아가서 vscode, cursor에서 문제일 거 같다라고 생각했는데 찾아보니 나와 같은 문제가 있음을 찾았다. github issue


결국 해결방법은 extenstion을 설치하면 된다. 과거엔 설치했었는데 이번에 컴퓨터를 초기화하면서 지워진 듯하다.